/* 页头搜索开始 */
.box{width: 100%}
.h-top{
	height: 110px;margin: 0 auto;
	background:#F3F3F3;
	position: relative;
	min-width: 1300PX;
}
.h-top .logo{
	display: block;
	width: 270px;height: 74px;margin-top:19px ;margin-left:150px ;
}
.h-top .search{
	width: 416px;height: 50px;border:1px solid #ccc; border-radius: 26px;
	position: absolute;left: 50%;margin-left: -208px;margin-top: 30px;padding-left: 20px;
}.h-top .btn{
	height: 50px;width: 76px;border:1px solid #ccc; border-radius: 26px;
	position: absolute;left: 61%;margin-top: 30px;
}
.h-top .user{
	width: 200px;height: 16px;line-height: 16px;position: absolute;right:150px;margin-top: 47px;
}
/* 页头搜索结束 */
/* 导航栏开始 */
.dhl{
	min-width: 1300px;
	width: 100%;
	height: 56px;
	/* overflow: hidden; */
	background: #333333;

}
.hdp{
	position: relative;
}
.hdp .ggk{
	width: 280px; height: 300px;position: absolute;background: black;left:1000px;top:15px;
	z-index: 9;opacity: 0.4;
}
.hdp .gg{
width: 250px; height: 300px;position: absolute;left:1030px;top:15px;
	z-index:10;
}
.hdp ul li a{
	color: #FFFFFF;font-size: 12px;line-height: 35px;
}
.hdp ul li{
	list-style: circle;
}
.hdp ui li #gg{
	text-align: center;font-weight: 300;
}
.dhl .wl{
	clear: both;
}
.dhl .dhl-l{
	margin-left:150px ;
}
.dhl .dhl-r{
	margin-right:140px ;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.dhl .dhl-l a{
	color:#FFFFFF;
	line-height:55px;
	display: inline-block;
	width: 80px;
	margin-left:0px;
	text-align: center;
}
.dhl .dhl-r a{
	color:#FFFFFF;
	width: 70px;
	line-height: 56px;
	margin-right:25px ;
	text-align: center;
	font-size: 20px;
	display:inline-block;
}
.dhl .dhl-r span{
	display: block;
	width: 70px;height: 4px;
	background: #FF0000;
	position: absolute;top: -4px;
	transform: rotateY(90deg);
	transition: transform 0.2s;
}

.dhl .dhl-l a:hover{
	color: #0000FF;
	font-size: 17px;
}
.r:hover{
	background: #ff0000;
}
.r:hover span{
	transform: rotateY(0deg);
}
/* 导航栏结束 */
/* 幻灯片开始 */
.hdp{
	background:#2066FC;
	animation: bg infinite 12s;
}
.hdp .hdp-cont{
	width: 1200px; height: 330PX; margin: auto; overflow: hidden;position: relative;
}
.hdp .hdp-cont .h-img{
	width:400%; height: 100%; position: absolute;top: 0;
	animation: hdpp 12s infinite;
}
.h-img a{
	display: block;height: 100%;width: 1200px;
}
@keyframes hdpp{
	0%{left:0}
	
	33%{left:0}
	60%{left: -100%;}
	66%{left:-100%}
	93%{left:-200%;}
	99%{left:-200%}
}
@keyframes bg{
	0% {}
	33%{background: #2066FC;}
	60%{background: #484C57;}
	66%{background: #484C57;}
	93%{background: #333738;}
	99%{background: #333738;}
}
/* 幻灯片结束 */
/* 导航区块开始 */
.dhk{
	width: 1300px;height: 200px; background:#ccc;
	margin: 0 auto;
}
.dhk .cont a{
	display:flex;height: 142px;width: 220px;
	background-color: white;margin-top:34px ;
	text-align: center;margin-left:30px ;
	background-size:100% 100% ;
	border-radius: 15px;
	box-shadow: #FFFFFF 1px 1px;
	-webkit-filter: grayscale(30%); 
	    filter: grayscale(30%);
		justify-content: center;
		align-items: center;
}
.dhk .cont span{
	
	color: #FFFFFF;font-size:30px;text-shadow: 0.1em 0.1em #333;font-weight: 700;
	
	
}
.cont .a1{
	background: url(../img/otherFun1.jpg) no-repeat;
	
}
.cont .a2{
	background: url(../img/otherFun2.jpg) no-repeat;
}
.cont .a3{
	background: url(../img/otherFun3.jpg) no-repeat;
}
.cont .a4{
	background: url(../img/otherFun4.jpg) no-repeat;
}
.cont .a5{
	background: url(../img/otherFun5.jpg) no-repeat;
}
.dhk .cont a:hover {
	background-size: 110% 110%;
}
/* 导航区块结束 */
.zxkcbt{
	width: 1500px;height: 200px;line-height: 200px;
	margin: 0 auto;text-align: center;
}
/* 最新课程区块开始 */
#big-box{
	width: 1600px;
	height: 800px;
	background: #F3F3F3;
}
.zxkc-box{
	-wibkit-disaplay:flex;
	display: flex;
	flex-wrap: wrap;
	width: 1300px;
	height:600px ;
	justify-content: space-between;
	align-items: space-between;
	margin: 0 auto;
}
.zxkc-box a{
	display: block;
	width: 300x;height: 260px;
	background: #FFFFFF;
	border-radius:18px ;
	overflow: hidden;
	box-shadow: #333738;
}
.zxkc-box .tu p{
	display: block;
	width: 300px;
	height: 20px;
	text-align: center;
	line-height: 30px;
}
/* 最新课程区块结束 */
			